import React, {
  useEffect
  // , useState
} from 'react'

/**
 * 副作用函数:useEffect
 * return的回调在销毁时执行
 */
export default function TwoParams(props) {
  // const [dataList, setDataList] = useState([])
  useEffect(() => {
    const timer = setInterval(() => {
      console.log('定时器创建执行')
    }, 1000);
    // fetch("http://jsonplaceholder.typicode.com/posts")
    //   .then((res) => res.json()).then((res) => {
    //     setDataList(res)
    //   })
    return () => {
      console.log('销毁会触发我')
      clearInterval(timer)
      // setDataList = null//取巧异步回来后无法执行set
    }
  })
  return (
    <div>
      示例: 销毁时执行return的回调函数(多用清除定/延时器或异步)
    </div>
  )
}
